// actions
.mt-actions {
	.mt-action {
		margin: 0px;
		padding: 15px 0 15px 0;
		border-bottom: 1px solid lighten(#E9EBEE, 5%);

		&:last-child {
			border-bottom: 0px;
		}

		.mt-action-img {
			width: 40px;
			float: left;

			> img {
				border-radius: 50% !important;
				margin-bottom: 2px;
			}
		}

		.mt-action-body {
			padding-left: 15px;
			position: relative;
			overflow: hidden;

			.mt-action-row {
				display: table;
				width: 100%;

				.mt-action-info {
					display: table-cell;
					vertical-align: top;

					.mt-action-icon {
						display: table-cell;
						padding: 6px 20px 6px 6px;

						> i {
							display: inline-block;
							position: relative;
							top: 10px;
							font-size: 25px;
							color: #78E0E8;
						}

					}

					.mt-action-details {
						display: table-cell;
						vertical-align: top;

						.mt-action-author {
							color: #060606;
							font-weight: 600;
						}

						.mt-action-desc {
							margin-bottom: 0;
							color: darken(#A6A8A8, 5%);
						}
					}
				}

				.mt-action-datetime {
					vertical-align: top;
					display: table-cell;
					text-align: center;
					width: 150px;
					white-space: nowrap;
					padding-top: 15px;
					color: #A6A8A8;

					.mt-action-dot {
						display: inline-block;
						width: 10px;
						height: 10px;
						background-color: red;
						border-radius: 50% !important;
						margin-left: 5px;
						margin-right: 5px;
					}
				}

				.mt-action-buttons {
					vertical-align: top;
					display: table-cell;
					text-align: center;
					width: 160px;
					white-space: nowrap;
					padding-top: 10px;

				}
			}
		}
	}
}

@media (max-width: $screen-xs-max) { /* 767px */
	.mt-actions {
		.mt-action {
			.mt-action-body {
				.mt-action-row {
					display: block;

					.mt-action-info {
						display: block;
					}

					.mt-action-datetime {
						display: inline-block;
						margin-left: 40px;
					}

					.mt-action-buttons {
						display: inline-block;
						float: right;
					}
				}
			}
		}
	}
}